<ul id="messageList" class="am-list mh-margin-none">
  <!--时间轴的线-->
  <span id="timeLine" class="mh-timeline"></span>
  <li ng-repeat="msg in messages">
    <!--第一列时间-->
    <div class="am-g mh-text-deepgreen">
      <span class="am-u-sm-1 am-icon-circle" style="z-index: 2"></span>

      <div class="am-u-sm-10">
        {{::msg.time}}
      </div>
    </div>
    <!--消息内容-->
    <ul id="messageListSecond" class="am-list">
      <li ng-repeat="content in msg.content" class="am-g mh-text-deepgreen">
        <span class="am-u-sm-1 am-icon-circle-o mh-white-bg" style="z-index: 2"></span>
        <!--内容区-->
        <div class="am-u-sm-10 mh-padding-none">
          <div style="position: absolute;left: -0.65rem"><span class="am-icon-caret-left am-icon-sm"></span></div>
          <div class="am-padding-xs mh-deepgreen mh-text-white am-radius">
            {{::content.message}}
          </div>
          <div class="mh-text-lightcolor">{{::content.time}}</div>
        </div>
      </li>
    </ul>
  </li>
</ul>
